<template>
  <div class="resume-container">
    <!-- 教育经历 -->
    <div class="education-list">
      <div class="title">教育经历</div>
      <div class="education-item">
        <div class="education-item-time">2016.09 - 2020.06</div>
        <div class="education-item-type">本科</div>
        <div class="education-item-school">成都大学</div>
        <div class="education-item-major">转件工程</div>
        <div class="education-item-ranking">专业排名1%~5%</div>
      </div>
      <div class="education-item">
        <div class="education-item-time">2016.09 - 2019.07</div>
        <div class="education-item-type">专科</div>
        <div class="education-item-school">四川中医药高等专科学校</div>
        <div class="education-item-major">护理助产</div>
        <div class="education-item-ranking">专业排名5%~20%</div>
      </div>
    </div>

    <!-- 校内经历 -->
    <div class="public-list">
      <div class="title">校内经历</div>
      <div class="list-item" v-for="(item, index) in 1" :key="index">
        <div class="header">
          <div class="header-time">2020.10 - 2020.10</div>
          <div class="header-name">成都妇女儿童中心医院</div>
          <div class="header-position">护理</div>
        </div>
        <div class="content">
          文章1984年出生于陕西省西安市。上高三的时候，文章被保送到四川师范大学艺术学院学习影视表演，但是他并未进入这个学校，而是决心去北京学习。在填写大学志愿之前，文章专门去北京考察了中国两大艺术院校—北京电影学院和中央戏剧学院。回到西安之后，文章不顾父母阻拦，将大学志愿从一本到专科总共八个志愿全部填成中央戏剧学院。2002年文章被中央戏剧学院表演系录取。
        </div>
      </div>
    </div>

    <!-- 工作经历 -->
    <div class="public-list" v-for="(item, idx) in 4" :key="idx">
      <div class="title">工作经历</div>
      <div class="list-item" v-for="(item, index) in 2" :key="index">
        <div class="header">
          <div class="header-time">2020.10 - 2020.10</div>
          <div class="header-name">成都妇女儿童中心医院</div>
          <div class="header-position">护理</div>
        </div>
        <div class="content">
          文章1984年出生于陕西省西安市。上高三的时候，文章被保送到四川师范大学艺术学院学习影视表演，但是他并未进入这个学校，而是决心去北京学习。在填写大学志愿之前，文章专门去北京考察了中国两大艺术院校—北京电影学院和中央戏剧学院。回到西安之后，文章不顾父母阻拦，将大学志愿从一本到专科总共八个志愿全部填成中央戏剧学院。2002年文章被中央戏剧学院表演系录取。
        </div>
      </div>
    </div>

    <!-- 项目经历 -->
    <div class="public-list">
      <div class="title">项目经历</div>
      <div class="list-item" v-for="(item, index) in 2" :key="index">
        <div class="header">
          <div class="header-time">2020.10 - 2020.10</div>
          <div class="header-name">成都妇女儿童中心医院</div>
          <div class="header-position">护理</div>
        </div>
        <div class="content">
          文章1984年出生于陕西省西安市。上高三的时候，文章被保送到四川师范大学艺术学院学习影视表演，但是他并未进入这个学校，而是决心去北京学习。在填写大学志愿之前，文章专门去北京考察了中国两大艺术院校—北京电影学院和中央戏剧学院。回到西安之后，文章不顾父母阻拦，将大学志愿从一本到专科总共八个志愿全部填成中央戏剧学院。2002年文章被中央戏剧学院表演系录取。
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
$border: 1px solid #eee;
.resume-container {
  .title {
    color: #333;
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    border-left: 5px solid #32ca99;
    padding-left: 10px;
    margin-bottom: 10px;
  }

  .education-list {
    border-top: $border;
    border-bottom: $border;
    padding: 15px 0;

    .education-item {
      line-height: 26px;
      display: flex;

      .education-item-time,
      .education-item-type,
      .education-item-school,
      .education-item-major,
      .education-item-ranking {
        font-size: 16px;
        font-weight: 500;
        margin-right: 20px;
      }
    }
  }

  // 公用list
  .public-list {
    border-bottom: $border;
    padding: 15px 0;

    .list-item {
      .header {
        display: flex;
        line-height: 25px;
        font-weight: 600;
        font-size: 16px;

        .header-time,
        .header-name,
        .header-position {
          margin-right: 20px;
        }
      }

      .content {
        line-height: 19px;
        font-size: 14px;
        font-weight: 500;
        text-align: justify;
        color: #666;
      }

      margin-bottom: 10px;
    }
  }
}
</style>